<template>
  <div class="test-container" @scroll.passive="handleScroll">
    <div></div>
  </div>
</template>

<script>
import { defineComponent, onMounted } from "vue";

export default defineComponent({
  setup() {
    const handleScroll = () => {};
    onMounted(() => {});
    return {
      handleScroll,
    };
  },
});
</script>
<style lang="less" scoped>
.test-container {
  width: 100%;
  height: 100vh;
  overflow: auto;
  position: relative;
  div {
    position: absolute;
    width: 2020px;
    height: 1180px;
  }
}
</style>
